<template>
  <div> <el-tabs v-model="state.activeName"
             @tab-click="handleClick">
      <el-tab-pane label="交酒申请单"
                   name="first">
        <WineApplication></WineApplication>
      </el-tab-pane>
      <el-tab-pane label="收酒记录"
                   name="second">
        <CollectWineRecord></CollectWineRecord>
      </el-tab-pane>

    </el-tabs></div>
</template>
<script lang='ts'>
import { Component, Vue } from "vue-property-decorator";
import WineApplication from "./wineApplication.vue";
import CollectWineRecord from "./collectWineRecord.vue";
interface State {
  /** 数据状态 */
  loading: boolean;
  activeName: string;
}
@Component({
  components: {
    WineApplication,
    CollectWineRecord,
  },
})
export default class Index extends Vue {
  /** 数据 */
  state: State = {
    loading: false,
    activeName: "second",
  };
  /** 生命周期 */
  /** 方法 */
  handleClick(tab: any, event: any) {
    // console.log(tab, event);
  }
  /** 监听 */
  /** 计算属性 */
}
</script>
<style lang='scss' scoped></style>